
#@layout()
#define css()
#@layout_css?()
<link rel="stylesheet" href="#(CPATH)/static/components/datepicker/css/bootstrap-datepicker3.min.css">
<link rel="stylesheet" href="#(CPATH)/static/components/jquery-file-upload/css/jquery.fileupload.css">
<style>
	#uploader {
		height: 230px;
	}
	.myPanel {
		font-size: 25px;
		color: #ccc;
		text-align: center;
		padding-top: 60px;
	}
</style>
#end
#define script()
#@layout_script?()
<script src="#(CPATH)/static/components/datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="#(CPATH)/static/components/datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script src="#(CPATH)/static/components/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
<script src="#(CPATH)/static/components/jquery-file-upload/js/jquery.iframe-transport.js"></script>
<script src="#(CPATH)/static/components/jquery-file-upload/js/jquery.fileupload.js"></script>
<script>
	$('#cfile').fileupload({
		dropZone: $('#uploader'),
		url: '#(CPATH)/commons/attachment/upload',
		sequentialUploads: true,
		progressall: function (e, data) {
			var progress = parseInt(data.loaded / data.total * 100, 10);
			$(".Panel").text("上传进度：" + progress + "%")
		},
		done: function (e, data) {

			$(".Panel").text("或者拖动文件到这里进行上传...");

			if(data.result.state == "ok"){
				$("#attachment").val(data.result.src);
				$('#attachment1-ch').attr('src', data.result.src)
				toastr.success("文件上传成功...")
			}else {
				toastr.error(data.result.message)
			}
		}
	});

</script>
<script>
	$('#cfile1').fileupload({
		dropZone: $('#uploader1'),
		url: '#(CPATH)/commons/attachment/upload',
		sequentialUploads: true,
		progressall: function (e, data) {
			var progress = parseInt(data.loaded / data.total * 100, 10);
			$(".Panel1").text("上传进度：" + progress + "%")
		},
		done: function (e, data) {

			$(".Panel1").text("或者拖动文件到这里进行上传...");

			if(data.result.state == "ok"){
				$("#attachment1").val(data.result.src);
				$('#attachment1-en').attr('src', data.result.src)
				toastr.success("文件上传成功...")
			}else {
				toastr.error(data.result.message)
			}
		}
	});

</script>
<script>
    $("input[hint='date']").datepicker({
        format: 'yyyy-mm-dd',
        language: 'zh-CN'
    });

  function doSubmit() {
    ajaxSubmit("#form", function (data) {
        $("#entryId").attr("value", data.id);
        toastr.success('内容保存成功。');
    })
  }

    $("#submit").on("click", function () {
        doSubmit();
    })
    </script>
#end


#define content()
<div class="content-wrapper">

    <section class="content-header">
        <h1>
                        编辑/新增
            <small>Edit</small>
        </h1>
    </section>

    <section class="content">

        <div class="row">
            <div class="col-xs-12">
                <div class="box box-primary">
                    <div class="box-header ">
                        <h3 class="box-title"></h3>
                    </div>
                    <form class="form-horizontal form-setting" autocomplete="off"
                          action="/admin/rotatingpicture/jpress_addon_rotatingpicture/doSave"
                          method="POST" id="form">

                        <div class="box-body ">
	                                <input type="hidden" id="entryId" name="jpressAddonRotatingpicture.id" value="#(jpressAddonRotatingpicture.id ??)">
									#if(jpressAddonRotatingpicture.rotation_chart_ch ??)
									<div class="form-group">
										<label class="col-sm-2 control-label">历史附件</label>
										<div class="col-sm-6">
											<a href="#(jpressAddonRotatingpicture.rotation_chart_ch ??)">下载附件</a>
										</div>
									</div>
									#end
									<div class="form-group">
										<label class="col-sm-2 control-label">中文轮播图</label>
										<div class="col-sm-6">
											<input id="attachment" type="hidden" name="jpressAddonRotatingpicture.rotation_chart_ch" value="#(jpressAddonRotatingpicture.rotation_chart_ch ??)"/>
											<div id="uploader">
												<span class="btn btn-block btn-primary fileinput-button" style="width: 120px">
													<i class="glyphicon glyphicon-plus"></i>
													<span>选择文件...</span>
													<input id="cfile" type="file" name="files[]" multiple>
												</span>
												<div class="myPanel Panel">
													或者拖动文件到这里进行上传...
												</div>
												<img src="#(CPATH)#(jpressAddonRotatingpicture.rotation_chart_ch ??)" id="attachment1-ch" >
											</div>
										</div>
									</div>


									#if(jpressAddonRotatingpicture.rotation_chart_en ??)
									<div class="form-group">
										<label class="col-sm-2 control-label">历史附件</label>
										<div class="col-sm-6">
											<a href="#(jpressAddonRotatingpicture.rotation_chart_en ??)">下载附件</a>
										</div>
									</div>
									#end
									<div class="form-group">
										<label class="col-sm-2 control-label">英文轮播图</label>
										<div class="col-sm-6">
											<input id="attachment1" type="hidden" name="jpressAddonRotatingpicture.rotation_chart_en" value="#(jpressAddonRotatingpicture.rotation_chart_en ??)"/>
											<div id="uploader1">
												<span class="btn btn-block btn-primary fileinput-button" style="width: 120px">
													<i class="glyphicon glyphicon-plus"></i>
													<span>选择文件...</span>
													<input id="cfile1" type="file" name="files[]" multiple>
												</span>
												<div class="myPanel Panel1">
													或者拖动文件到这里进行上传...
												</div>
												<img src="#(CPATH)#(jpressAddonRotatingpicture.rotation_chart_ch ??)" id="attachment1-en" >
											</div>
										</div>
									</div>
		                            <div class="form-group">
		                                <label class="col-sm-2 control-label">中文轮播图链接</label>
		                                <div class="col-sm-6">

										   <input type="input" name="jpressAddonRotatingpicture.rotation_chart_ch_url" class="form-control" value="#(jpressAddonRotatingpicture.rotation_chart_ch_url ??)"
		                                           placeholder="">
		                                </div>
		                            </div>
		                            <div class="form-group">
		                                <label class="col-sm-2 control-label">英文轮播图链接</label>
		                                <div class="col-sm-6">

										   <input type="input" name="jpressAddonRotatingpicture.rotation_chart_en_url" class="form-control" value="#(jpressAddonRotatingpicture.rotation_chart_en_url ??)"
		                                           placeholder="">
		                                </div>
		                            </div>
		                            <div class="form-group">
		                                <label class="col-sm-2 control-label">描述中文</label>
		                                <div class="col-sm-6">

										   <input type="input" name="jpressAddonRotatingpicture.content_ch" class="form-control" value="#(jpressAddonRotatingpicture.content_ch ??)"
		                                           placeholder="">
		                                </div>
		                            </div>
									<div class="form-group">
										<label class="col-sm-2 control-label">描述英文</label>
										<div class="col-sm-6">

											<input type="input" name="jpressAddonRotatingpicture.content_en" class="form-control" value="#(jpressAddonRotatingpicture.content_en ??)"
												   placeholder="">
										</div>
									</div>

                        </div>
                        <!-- /.box-body -->
                        <div class="box-footer">
                            <div class="col-sm-offset-2 col-sm-10 submit-block">
                                <div class="box-submit">
                                    <button id="submit" type="button" class="btn btn-primary">提交</button>
                                </div>
                            </div>
                        </div>
                        <!-- /.box-footer -->
                    </form>
                </div>
            </div>
        </div>

    </section>

</div>
#end
